<template>
  <div class="demo">
    <div class="demo-title">文本与超链接组件</div>
    <div class="demo-content">
      <Space direction="vertical">
        <Typography.Text>SSC+ Design (default)</Typography.Text>
        <Typography.Text type="secondary">SSC+ Design (secondary)</Typography.Text>
        <Typography.Text type="success">SSC+ Design (success)</Typography.Text>
        <Typography.Text type="warning">SSC+ Design (warning)</Typography.Text>
        <Typography.Text type="danger">SSC+ Design (danger)</Typography.Text>
        <Typography.Text disabled>SSC+ Design (disabled)</Typography.Text>
        <Typography.Text mark>SSC+ Design (mark)</Typography.Text>
        <Typography.Text code>SSC+ Design (code)</Typography.Text>
        <Typography.Text keyboard>SSC+ Design (keyboard)</Typography.Text>
        <Typography.Text underline>SSC+ Design (underline)</Typography.Text>
        <Typography.Text delete>SSC+ Design (delete)</Typography.Text>
        <Typography.Text strong>SSC+ Design (strong)</Typography.Text>
        <Typography.LINK href="https://antdv.com" target="_blank"> SSC+ Design (Link) </Typography.LINK>
      </Space>
    </div>
  </div>
</template>

<script lang="ts" setup>
  import Space from '@sscd/space';
  import Typography from '@sscd/typography';
</script>
